<template>
    <view class="content">
        <u-steps :current="current" activeColor="#209A89">
            <u-steps-item title="身份认证"></u-steps-item>
            <u-steps-item title="修改手机号"></u-steps-item>
        </u-steps>
        <view class="view">
            <IdentifyPeople @next="next" v-if="current==0"></IdentifyPeople>
            <IdentifyPhone v-else></IdentifyPhone>
        </view>
        
    </view>
</template>

<script setup lang="ts">
import IdentifyPeople from './identifyPeople.vue';
import IdentifyPhone from './identifyPhone.vue';
import { ref , reactive } from 'vue';
const current = ref(0)


const next = ()=>{
    current.value = current.value + 1
}

</script>



<style lang="scss" scoped>
.content {
    border-top: 2rpx solid #E4E4E4;
    padding: 30rpx 20rpx;
    .view{
        padding: 30rpx 0rpx;
    }
}
</style>